@CHARSET "UTF-8";

body { margin: 0; padding: 0; background-color: #8DBF2A; text-align: center; font-family: sans-serif; min-width: 700px; }
a { outline: none; -moz-outline-style: none; }
.browngrad {
	background-color: #EDD385;
	background: -moz-linear-gradient(19% 75% 90deg,#BAA668, #D9C17A, #EDD385 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#BAA668), to(#D9C17A), color-stop(.6,#EDD385));
}
.greengrad {
	background: #8CD894;
	background: -moz-linear-gradient(top,  #8CD894 0%, #58CE6E 37%, #4F933C 100%);
	background: -webkit-linear-gradient(top,  #8CD894 0%,#58CE6E 37%,#4F933C 100%);
	background: linear-gradient(top,  #8CD894 0%,#58CE6E 37%,#4F933C 100%);
}
.roundshadow {
	-moz-border-radius: 15px;
	border-radius: 15px;
	-moz-box-shadow: 5px 5px 10px #333333;
	-webkit-box-shadow: 5px 5px 10px #333333;
	box-shadow: 5px 5px 10px #333333;
}
#logo img { margin: 10px; }
#tagline {
	position: absolute;
	width: 180px;
	top: 55px;
	left: -65px;
	padding: 5px 60px;
	-webkit-transform: rotate(-45deg);
	-moz-transform:  rotate(-45deg);
	overflow: hidden;
}
#nav {
	height: 40px;
	line-height: 40px;
	width: 500px;
	margin: 5px auto 20px auto;
}
#nav ul { list-style-type: none; width: 100%; padding: 0; margin: 0 20px; }
#nav ul li { float: left; width: 30%; }
#nav ul li span { display: block; cursor: pointer; text-transform: uppercase; }
#nav ul li span:hover, #submit_button:hover, #calc_button:hover {
	background: -moz-linear-gradient(top,  #6C9864 0%, #38AE4E 37%, #2F731C 100%);
	background: -webkit-linear-gradient(top,  #6C9864 0%,#38AE4E 37%,#2F731C 100%);
	background: linear-gradient(top,  #6C9864 0%,#38AE4E 37%,#2F731C 100%);
}
#maincontent { width: 60%; min-height: 800px; min-width: 650px; margin: 10px auto; padding: 15px;}
#message_input { width: 80%; margin: 5px;}
#submit_button { float: right; clear: both; margin: 5px 10% 5px auto; width: 100px; line-height: 25px; cursor: pointer;}
#calc_button { margin: auto; width: 180px; line-height: 25px; cursor: pointer;}
#message_box { border: thin solid black; -moz-border-radius: 15px; border-radius: 15px; margin: 80px 5px 5px 5px; padding: 20px; text-align: left; }
#refresh_button { cursor:pointer; display: block; width: 40px; height: 40px;}
#leafbullet { float: left; padding-right: 5px;}
#message_box p {line-height: 25px;}
#aboutp { text-align: left; margin: 0 30px; text-indent: 20px; line-height: 1.5em; }
#stats_table { margin: 10px auto; border: thin solid black; }
#stats_table td { border: thin solid black; padding: 5px; }
#stats_table td:first-of-type { background-color: #CCDD99; }